<div class="column">
    <!--个人信息-->
    <div class="person-info">
        <img class="info-head" src=""
             alt="" width="60" height="60" style="border-radius: 50%">
        <span style="padding-left: 10px;" class="info-nickname"></span>

    </div>
    <!--主菜单-->
    <div class="side-menu">
        <ul>
            <li class="side-li" style="border-top: 1px solid #133f91;">
                <a href="/" class="side-a">
                    <span class="side-icon" style="background-image: url(images/side-menu/首页.png)"></span>
                    <span class="">首页</span>
                </a>
            </li>
            <li class="side-li">
                <a href="/chat" class="side-a">
                    <span class="side-icon" style="background-image:url(images/side-menu/发校讯通.png)"></span>
                    <span class="">家校互动</span>
                </a>
            </li>
            <li class="side-li">
                <a href="/source" class="side-a">
                    <span class="side-icon" style="background-image:url(images/side-menu/资源管理.png)"></span>
                    <span class="">资源管理</span>
                </a>
            </li>
            <li class="side-li">
                <a href="javascript:void(0)" role="button" class="side-a"
                   onclick="var group = $('.side-li-group');
                            group.eq(0).fadeToggle(50);
                            group.eq(1).fadeToggle(100);
                            group.eq(2).fadeToggle(150);
                            group.eq(3).fadeToggle(200);
                            var icon = $(this).children('.side-icon-another');
                            icon.toggleClass('icon-a').toggleClass('icon-b');">
                    <span class="side-icon" style="background-image:url(images/side-menu/作业管理.png)"></span>
                    <span class="">作业管理</span>
                    <span class="side-icon-another icon-a"></span>
                </a>
            </li>
            <li class="side-li side-li-group">
                <a href="/collection" class="side-a">
                    <span class="side-icon" style="background-image: url(images/side-menu/作业库.png)"></span>
                    <span class="">收藏题库</span>
                </a>
            </li>
            <li class="side-li side-li-group"><a href="/homework_post" class="side-a">
                    <span class="side-icon" style="background-image: url(images/side-menu/作业上传.png)"></span>
                    <span class="">作业发布</span>
                </a></li>
            <li class="side-li side-li-group"><a href="/homework_check" class="side-a">
                    <span class="side-icon" style="background-image: url(images/side-menu/作业批改.png)"></span>
                    <span class="">作业批改</span>
                </a></li>
            <li class="side-li side-li-group">
                <a href="/homework_statistic" class="side-a">
                    <span class="side-icon" style="background-image: url(images/side-menu/作业统计.png)"></span>
                    <span class="">作业统计</span>
                </a>
            </li>
            <li class="side-li">
                <a href="javascript:void(0);" role="button" class="side-a"
                onclick="var group = $('.side-li-group-another');
                    group.eq(0).fadeToggle(50);
                    group.eq(1).fadeToggle(100);
                    group.eq(2).fadeToggle(150);
                    var icon = $(this).children('.side-icon-another');
                    icon.toggleClass('icon-a').toggleClass('icon-b');">
                    <span class="side-icon" style="background-image:url(images/side-menu/个人中心.png)"></span>
                    <span class="">个人中心</span>
                    <span class="side-icon-another icon-a"></span>
                </a>
            </li>
            <li class="side-li side-li-group-another">
                <a href="/course_class" class="side-a">
                    <span class="side-icon" style="background-image:url(images/side-menu/课程管理.png)"></span>
                    <span class="">课程管理</span>
                </a>
            </li>
            <li class="side-li side-li-group-another">
                <a href="/personal" class="side-a">
                    <span class="side-icon" style="background-image: url(images/side-menu/个人资料.png)"></span>
                    <span class="">个人资料</span>
                </a>
            </li>
            <li class="side-li side-li-group-another">
                <a href="/security" class="side-a">
                    <span class="side-icon" style="background-image: url(images/side-menu/账号安全.png)"></span>
                    <span class="">修改密码</span>
                </a>
            </li>
        </ul>
    </div>
</div>